<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.org/ui"
    xmlns:shiro="http://shiro.apache.org/tags"
    template="../../templates/plantilla.xhtml">

	<ui:define name="content">
		<shiro:hasAnyPermission name="rep_cant_auxilio:crear">
			<h:form id="formularioBase">
				<p:panel header="#{etq['sifeap.reportes.cantidadauxilios.titulo']}" style="width:100%; text-align:left;">
					<div align="center">
						<h:panelGrid columns="5" style="width:70%;text-align:left;" id="panelFechas" columnClasses="column-template1">
							<h:outputText value="#{etq['sifeap.reportes.cantidadauxilios.inicio']}" />
							<p:calendar id="inicio" value="#{cantidadAuxiliosManagedBean.solicitudAuxilioVo.fechaInicio}" navigator="true" readonlyInput="true" pattern="dd-MM-yyyy" locale="es" />
							<p:spacer width="18px" height="1px" />
							
							<h:outputText value="#{etq['sifeap.reportes.cantidadauxilios.fin']}" />
							<p:calendar id="fin" value="#{cantidadAuxiliosManagedBean.solicitudAuxilioVo.fechaFin}" navigator="true" readonlyInput="true" pattern="dd-MM-yyyy" locale="es" />
					        
					        <h:outputText value="#{etq['sifeap.reportes.cantidadauxilios.tipo']}" />
					        <p:selectCheckboxMenu value="#{cantidadAuxiliosManagedBean.tiposSeleccinados}" style="width:162px" panelStyle="width:220px">  
						        <f:selectItems value="#{cantidadAuxiliosManagedBean.itemsTiposAuxilio}" />  
						    </p:selectCheckboxMenu>
						    <p:spacer width="18px" height="1px" />
						    
						    <h:outputText value="#{etq['sifeap.reportes.cantidadauxilios.estado']}" />
						    <p:selectCheckboxMenu value="#{cantidadAuxiliosManagedBean.estadosSeleccinados}" style="width:162px" panelStyle="width:220px">  
						        <f:selectItems value="#{cantidadAuxiliosManagedBean.itemsEstadosAuxilio}" />  
						    </p:selectCheckboxMenu>
						</h:panelGrid>
					
						<h:panelGrid columns="2" id="panelBoton">
							<p:commandButton actionListener="#{cantidadAuxiliosManagedBean.generarReporte}" value="#{etq['sifeap.generar']}" update="@all" ajax="false"/>

							<p:commandButton action="#{cantidadAuxiliosManagedBean.limpiar}" value="#{etq['sifeap.limpiar']}" update="@form" />
						</h:panelGrid>
					</div>
				</p:panel>
			</h:form>
		</shiro:hasAnyPermission>
		
		<p:panel header="#{etq['sifeap.reportes.cantidadauxilios.titulo']}" style="width:100%; text-align:left;" rendered="#{!cantidadAuxiliosManagedBean.tienePermisos}">
			<ui:include src="/templates/denegado.xhtml" />
		</p:panel>
		
	</ui:define>
</ui:composition>